<template>
	<section class="custom_ayanc">
		<div class="" v-show="activeP==='first'">
			<div class="width1000">
				<form-plane  :checkBox="checkBox"></form-plane>
				<p style="text-align: center;"><span class="check_btn">查询</span></p>
				<p class="result">检索结果：<span>导出数据</span></p>
				<table-plane :tableLabel="tableLabel"  :tableData="tableData"></table-plane>
			</div>
		</div>
		
	</section>
</template>

<script>
	import formPlane from '@/components/form'
	import tablePlane from '@/components/table'
	export default{
		components:{
			formPlane,
			tablePlane
		},
		data(){
			return{
				menu:[],
				activeP:'first',
				checkBox:[
						{
							name:'住客来源',
							type:'radio',
							checkBox:[
								{
									name:'全部',
									val:'quanshi'
								},
								{
									name:'本市',
									val:'tianhe'
								},
								{
									name:'本省',
									val:'huangpu'
								},
								{
									name:'外省',
									val:'yuexiu'
								},
								{
									name:'国外',
									val:'haizhu'
								},
							],
						},
						{
							name:'入住时间段',
							type:'radio',
							checkBox:[
								{
									name:'全部',
									val:'all'
								},
								{
									name:'上午',
									val:'shangwu'
								},
								{
									name:'下午',
									val:'xiawu'
								},
								{
									name:'晚上',
									val:'wanshang'
								},
								{
									name:'凌晨',
									val:'lincheng'
								},
								
							]
						},
						{
							name:'年龄段',
							type:'radio',
							checkBox:[
								{
									name:'全部',
									val:'all',
								},
								{
									name:'18岁以下',
									val:'jiudian',
								},
								{
									name:'19-35',
									val:'bingguan',
								},
								{
									name:'36-50',
									val:'lvdian',
								},
								{
									name:'51-65',
									val:'minsu',
								},
								{
									name:'65以上',
									val:'zhandai',
								}
							],
						},
						{
							name:'',
							type:'radio',
							checkBox:[
									{
										name:'今日',
										val:'totay',
									},
									{
										name:'本周',
										val:'week',
									},
									{
										name:'本月',
										val:'month',
									},
									{
										name:'本季度',
										val:'eq',
									},
									{
										name:'今年',
										val:'year',
									}
									
							],
						}
				],
				tableLabel:{
					checkInTime:{name:'身份证号',type:0},
					name:{name:'姓名',type:0},
					shengFZ:{name:'性别',type:0},
					sex:{name:'入住时间',type:0},
					type:{name:'入住酒店/旅馆/民宿',type:0},
					detail:{name:'详细地址',type:0},
					state3:{
						name:'大数据模型分析',
						type:1,
						title:['经常凌晨入住','经常换住','入住目的']
					},
				},
				tableData:[
					{
						checkInTime:'2018-09-30',
						name:'马威威',
						shengFZ:'440682454554544',
						sex:'男',
						type:'鸳鸯冰棺',
						detail:'环市东路',
						stateDiy11:{
							lincheng:'1',
							shangwu:'0',
							xiawu:'旅游',
						},
					},
					{
						checkInTime:'2018-09-30',
						name:'马威威',
						shengFZ:'440682454554544',
						sex:'男',
						type:'鸳鸯冰棺',
						detail:'环市东路',
						stateDiy11:{
							lincheng:'0',
							shangwu:'1',
							xiawu:'旅游',
						},
					},
					{
						checkInTime:'2018-09-30',
						name:'马威威',
						shengFZ:'440682454554544',
						sex:'男',
						type:'鸳鸯冰棺',
						detail:'环市东路',
						stateDiy11:{
							lincheng:'1',
							shangwu:'0',
							xiawu:'旅游',
						},
					},
					{
						checkInTime:'2018-09-30',
						name:'马威威',
						shengFZ:'440682454554544',
						sex:'男',
						type:'鸳鸯冰棺',
						detail:'环市东路',
						stateDiy11:{
							lincheng:'1',
							shangwu:'0',
							xiawu:'旅游',
						},
					},
					{
						checkInTime:'2018-09-30',
						name:'马威威',
						shengFZ:'440682454554544',
						sex:'男',
						type:'鸳鸯冰棺',
						detail:'环市东路',
						stateDiy11:{
							lincheng:'1',
							shangwu:'0',
							xiawu:'旅游',
						},
					},
					{
						checkInTime:'2018-09-30',
						name:'马威威',
						shengFZ:'440682454554544',
						sex:'男',
						type:'鸳鸯冰棺',
						detail:'环市东路',
						stateDiy11:{
							lincheng:'1',
							shangwu:'0',
							xiawu:'旅游',
						},
					},
					
				],
			}
		},
		methods:{
			
		},
		mounted(){
			this.$store.commit('menuActive',this.$router.history.current.name);
		},
		watch:{
			activeP(newVal){/*顶部的导航栏*/
				if(newVal!='first'){
					this.$store.commit('isShowMenu',false);
				}else{
					this.$store.commit('isShowMenu',true);
				}
			}
		}
	}
</script>

<style>
	.custom_ayanc .width1000{
		width: 1100px;
		margin: 40px auto 15px auto;
		position: relative;
	}
	.custom_ayanc .check_btn{
		width: 100px;
	    height: 40px;
	    background: #05479a;
	    display: inline-block;
	    line-height: 40px;
	    border-radius: 5px;
	    color: #fff;
	    font-size: 15px;
	    margin-top: 10px;
	    cursor: pointer;
	}
	.custom_ayanc .result{
		color: #fff;
		font-size: 16px;
		margin-top: 40px;
	}
	.custom_ayanc .result span{
		color: #59d1fd;
		cursor:pointer;
	}
	.custom_ayanc .table .spacial_td span{
		width: 80px;
	}
</style>